<template>
  <div class="container-y">
       <div class="title">请提供您的联系电话，用于发生课程调整时的沟通</div>
       <div class="text">我们尊重您的隐私,仅用于课程相关服务</div>
       <div class="icon-phone"></div>
       <div class="te-from">
           <input type="text" class="text-inp" v-model="phonenumber" placeholder="请输入您的手机号码">
       </div>
       <div class="next-go" @click="go_Next"> 下一步</div>
  </div>
</template>
<script>
export default {
  data(){
    return{
          phonenumber:""
      }
  },
 mounted(){
    this.getuserId()
 },
  methods:{
      getuserId(){
         this.$axios.post('http://www.chenyekeji.com/bsti-rbac/wechat/checkOrder?userId='+this.$route.query.userId)
          .then((res) => {
              console.log(res)
            if(res.data.data.flag!=true){
                this.$router.push({ path: '/ChooseTime',query:{order:res.data.data.orderNum} })
            }
          })
      },
      go_Next(){
        this.$router.push({ path: '/ClassTypes',query:{phonenumber:this.phonenumber,userId:this.$route.query.userId} })
      },
  }
}
</script>
<style scoped>
.container-y{
    height:100%;
    width:100%;
    padding-top:80px;
}
.title{
    color:#444444;
    font-size: 34px;
    line-height: 70px;
}
.text{
    color: #999999;
    font-size: 30px;
}
.icon-phone{
    margin: 70px 0;
    height: 110px;
    background: url(../assets/phone.jpg) no-repeat center center;
    background-size: contain;
}
.te-from{
    margin: 0 20px;
    line-height: 74px;
    font-size: 30px;
    text-align: left;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
}
.te-from .text-inp{
   border: none;
   display: block;
   height: 74px;
   font-size: 30px;
   border-radius: 4px;
   padding:0 16px;
   width: 100%;
}
.next-go{
    line-height: 75px;
    height: 75px;
    background: #ff3434;
    text-align: center;
    font-size: 32px;
    margin: 30px 20px 0 20px;
    color: #fff;
    border-radius: 4px;
}
.next-go a{
   color: #fff;  
   display: block;
}
</style>
